<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- IE가 언제나 최신버전으로 동작하도록 강제 설정함 -->

		<title>07html링크태그</title>
	</head>

	<body>		
		<h1 id="top">링크태그</h1>		
		<ul style="height: 500px" id="pagemove">
			<li><a href="04html기본태그.html">기본태그</a></li>
			<li><a href="05html글자모양태그.html">글자모양태그</a></li>
			<li><a href="06html목록태그.html">목록태그</a></li>
			<li><a href="07html링크태그.html">링크태그</a></li>
		</ul>		
		<hr />
		<ul style="height: 500px" id="sitemove">
			<li><a href="http://www.google.com">구글</a></li>
			<li><a href="http://www.naver.com">네이버</a></li>
			<li><a href="http://www.daum.net">다음</a></li>
			<li><a href="http://www.w3schools.com">W3Schools</a></li>
		</ul>
		<hr />
		<ul style="height: 500px" id="newtab">
			<li><a href="http://www.google.com" target="_blank">구글 (새창 띄우기)</a></li>
			<li><a href="04html기본태그.html" target="_blank">기본태그 (새창 띄우기)</a></li>
		</ul>
		<hr />
		<ul style="height: 500px" id="email">
			<li><a href="mailto:jwj8508@naver.com">메일 보내기</a></li>
		</ul>
		<hr />
		<ul style="height: 500px">
			<li><a href="#pagemove" accesskey="p">웹 페이지 간 이동</a></li>
			<li><a href="#sitemove" accesskey="s">웹 사이트 간 이동</a></li>
			<li><a href="#newtab" accesskey="n">새로운 창으로 열기</a></li>
			<li><a href="#email" accesskey="m">이메일 보내기</a></li>
			<li><a href="#top">맨 위로 이동</a></li>
		</ul>
		<span id="bottom"> </span>
		<!--
			a : 링크
			링크는 a 태그를 사용해서 생성
			태그 사이의 내용을 클릭하면 링크가 동작
			링크 내용은 문자나 이미지등으로 구성
			링크가 동작시 이동할 페이지는 href 속성으로 정의
			
			다른 사이트로 이동하는 링크를 만들때는 href속성 값에
			'절대 URL'이라는 사이트의 전체 웹 주소를 사용
			
			동일한 사이트에서 다른 페이지로 이동하는 링크를 만들때는
			href 속성 값에 '상대 URL'이라는 사이트의 단축형 주소를 사용
			
			동일 페이지에서 특정 부분으로 이동하는 링크를 만들때는
			id속성을 이용해서 먼저 이동할 위치를 지정하고 식별할 수 있어야 함
			id속성값은 #으로 시작해야 함
			
			이메일 링크
			href 속성값에  mailto:와 전송할 이메일 주소 추가
			링크 클릭시 사용자 이메일 프로그램이 자동으로 실행
			
			새창에서 링크 열기
			a 태그에 target이라는 속성을 추가
			속성값으로는 _blank를 사용
			가급적 새창에서 링크를 여는 것은 자제
		-->
		<!--
			URL : uniform resource locator
			모든 네트워크 자원(웹 페이지)는 고유한 이름이 존재
			네트워크 상에 자원이 어디에 있는지를 알려주기 위한 규칙을 의미
			프로토콜, 사이트 도메인 이름, 페이지의 경로로 구성
			http://127.0.0.1:8020/basicHTML/07.html
		-->
		<!--
			상대 URL
			단순하게 페이지에 대한 경로만으로 구성
			링크 페이지가 동일한 폴더에 존재 : ./파일명, 파일명
			링크 페이지가 자식 폴더에 존재 : 폴더/파일명
			링크 페이지가 손자 폴더에 존재 : 폴더/폴더/파일명
			링크 페이지가 부모 폴더에 존재 : ../폴더/파일명
			링크 페이지가 조부모 폴더에 존재 : ../../파일명
			
		-->
	</body>
</html>
